.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh {
    display: flex;
    display: -webkit-flex;
}
body{
    //width: 100%;
    //height: 100%;
    background: #CCCCCC;
}
header{
    .txh();
    justify-content: space-between;
    align-items: center;
    .px2rem(height,100);
    background: white;
    span:nth-child(1){
        img{
           .px2rem(width,50); 
           .px2rem(height,40); 
           .px2rem(padding-left,40);
        }
    }
    span:nth-child(2){
       .px2rem(font-size,40);
        
    }
}

main{
     background: #f0efef;
    .box{
        .txh();
        justify-content: space-between;
        align-items: center;
        .px2rem(height,155);
        .px2rem(margin-left,20);
        .px2rem(margin-right,20);
        border-bottom: 2px solid #c8c8c8;
        li:nth-child(1){
            .txh();
            flex-direction: column;
            span:nth-child(1){
                .px2rem(font-size,35);
                 color: #CCCCCC;
            }
            span:nth-child(2){
                .px2rem(padding-top,40);
                .px2rem(font-size,20);
                
                color: #CCCCCC;
            }
        }
        li:nth-child(3){
            img{
                .px2rem(width,95);
                .px2rem(height,95);
            }
        }
    }
    
}
footer{
    width: 100%;
    .px2rem(height,1080);
    background: #f0efef;
}

